<!DOCTYPE html>
<html>
<head>
    <#include "../common.ftl">
    <style>
        .layui-upload-img {
            width: 90px;
            height: 90px;
            margin: 0;
        }

        .pic-more {
            width: 100%;
            margin: 10px 0px 0px 0px;
        }

        .pic-more li {
            width: 90px;
            float: left;
            margin-right: 5px;
        }

        .pic-more li .layui-input {
            display: initial;
        }

        .pic-more li a {
            position: absolute;
            top: 0;
            display: block;
        }

        .pic-more li a i {
            font-size: 24px;
            background-color: #008800;
        }

        #slide-pc-priview .item_img img {
            width: 90px;
            height: 90px;
        }

        #slide-pc-priview li {
            position: relative;
        }

        #slide-pc-priview li .operate {
            color: #000;
            display: none;
        }


        #slide-pc-priview li .close {
            position: absolute;
            top: 5px;
            right: 5px;
            cursor: pointer;
        }

        #slide-pc-priview li:hover .operate {
            display: block;
        }
    </style>
</head>
<body class="childrenBody">
<form class="layui-form" style="width:80%;">

    <#--    隐藏域-->
    <input name="id" type="hidden" value="${(role.id)!}"/>
    <div class="layui-form-item" id="pics">
        <div class="layui-form-label">相册图集</div>

        <div class="layui-input-block" style="width: 70%;">
            <div class="layui-upload">
                <button type="button" class="layui-btn layui-btn-primary pull-left" id="slide-pc">选择多图</button>
                <br/>
                <div class="pic-more">
                    <ul class="pic-more-upload-list" id="slide-pc-priview">
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <br/>
    <div class="layui-form-item layui-row layui-col-xs12">
        <div class="layui-input-block">
            <button class="layui-btn layui-btn-lg" lay-submit=""
                    lay-filter="addOrUpdateRole">确认
            </button>
            <a class="layui-btn layui-btn-lg layui-btn-normal" id="closeDlg" href="javascript:void(0)">取消</a>
        </div>
    </div>
</form>
<script type="text/javascript" src="${ctx.contextPath}/js/files/add_update.js"></script>
</body>
</html>